
/*---itempage04---*/
.itempage04 {
	width: 100%;
	height:816px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.itemli-img04 {
	position: absolute;
	width: 100%;
	height: 816px;
	float:left;
	z-index: -1;
	overflow: hidden;
}
.item-con04 {
	width: 1200px;
	margin: 0 auto;
	margin-top: 70px;
}
.doma-text {
	width: 434px;
	float: left;
}
.doma-text h2 {
	font-size: 36px;
	font-weight: bold;
	color: #ffda00;
}
.doma-text p {
	color: #fff;
	line-height: 30px;
	margin-top: 10px;
}
.doma-text .doma-a {
	display: block;
	width: 148px;
	height: 52px;
	margin-top: 90px;
	border: 1px solid #fff;
	color: #fff;
	text-align: center;
	line-height: 52px;
}
.doma-text .doma-a:hover {
	color: #ffda00;
	border: 1px solid #ffda00;
	transition: linear 0.5s;
}
.doma-img {
	float: right;
}
/*---itempage05---*/
.itempage05 {
	width: 100%;
	height: 900px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.itemli-img05 {
	position: absolute;
	width: 100%;
	height: 923px;
	float:left;
	z-index: -33;
	overflow: hidden;
}
.pro-con {
	width:1200px;
	height: 500px;
	margin: 0 auto;
	margin-top: 90px;
	background: url(../images/c-bj.png) no-repeat 76px center;
	position: relative;
	overflow: hidden;
}
.c-pro01 {
	width: 240px;
	position: absolute;
	left:90px;
	top:18px;
}
.c-pro02 {
	width: 380px;
	position: absolute;
	left:318px;
	bottom:18px;
}
.c-pro03 {
	width: 448px;
	position: absolute;
	right:150px;
	top:18px;
}
.c-pro04 {
	width: 332px;
	position: absolute;
	right: 74px;
	bottom:18px;
}
.c-title {
	font-size: 18px;
	font-weight: bold;
}
.c-p {
	color: #fff;
}
.c-color01{
	color: #ed5d4f;
}
.c-color02{
	color: #7f7f7f;
}

.c-color03{
	color: #179d82;
}

.c-color04{
	color: #2abce4;
}
.cl-con {
	height: 172px;
	margin-top: 180px;
	position: relative;
	margin-left: 144px;
}
.cl01 {
	background: url(../images/itempage0501.png) no-repeat center;
}
.cl02 {
	background: url(../images/itempage0502.png) no-repeat center;
}
.cl03 {
	background: url(../images/itempage0503.png) no-repeat center;
}
.cl04 {
	background: url(../images/itempage0504.png) no-repeat center;
}
.cl {
	width: 172px;
	height: 172px;
	float: left;
	margin: 0 30px;
}
.cl img:hover {
	transition: -transform 4s;
	transform: rotate(360deg);
	-webkit-transition: -webkit-transform 4s;
	-webkit-transform: rotate(360deg);
	-moz-transition: -moz-transform 4s;
	-moz-transform: rotate(360deg);
	-ms-transition: -webkit-transform 4s;
	-ms-transform: rotate(360deg);
}
.web-img img:hover {
	transition: 1s;
	transform:rotateY(-180deg);
}
.web-img img {
	transition: 1s;
	transform:rotateY(0deg);
}




